<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>熊猫优选</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index2.css">
    <link rel="stylesheet" href="../css/table.css">
</head>
<body>
    <!-- 侧边栏回到顶部按钮 -->
    <div class="scroll-top"></div>
    <!-- 网页头部区域 -->
    <header>
        <div class="menu">个人中心</div>
        <div class="myList">
            <div>登陆/注册</div>
            <div>购物车</div>
            <div>我的收藏</div>
        </div>
        <ul class="logo">
           <li><a href="index.html" class="logo-image"></a></li>
           <li><a href="#" class="logo-font"></a></li>
        </ul>
        <input type="text" class="search" placeholder="搜索商品，发现更多优惠">
        <input type="button" class="search-btn" value="搜索">
        <div class="icon">
            <div class="icon-1"></div>
            <div class="icon-2"></div>
            <div class="icon-3"></div>
        </div>
    </header>
    <!-- 网页导航区域 -->
    <nav>
        <p>首页</p>
        <ul>
            <li class="li1">9块9包邮</li>
            <li class="li2">超值大额券</li>
            <li class="li3">夏季女装上新</li>
        </ul>
    </nav>
    <!-- 9块9包邮 -->
    <div class="by9" style="margin-bottom: 30px;">
        人气女装上新
    </div>
    <!-- 商品列表区域 -->
    <div class="shopping-list">
        <ul>
            
        </ul>
    </div>
    <!-- 查看更多 -->
    <div class="more">
        <div>查看更多</div>
    </div>
    <!-- 网页底部区域 -->
    <footer>
        <div class="text">
            <h3>熊猫优选</h3>
            <p>年轻人网购首选</p>
            <p>购物领券更省钱</p>
        </div>
        <div class="download"><a href="#">下载app</a></div>
        <h5>浙公安网备案 33010602009949号 | 增值电信业务经营许可证：浙B2-20160363 | ICP备案号: 浙ICP备17012864号-1</h5>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/shop4.js"></script>
    <script src="../js/index2.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>